<!DOCTYPE html>
<html lang="pt-br">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Home Storage</title>
    <link rel="stylesheet" href="css/jquery.mobile-1.4.2.min.css" />
    <link rel="stylesheet" href="css/storage-media-screen.css" />        
    <link rel="stylesheet" href="css/vex-theme-plain.css" />        
    <link rel="stylesheet" href="css/ws.css" />    
  </head>
  <body>
    <div data-role="page">

      <div data-role="header" data-theme="b" data-position="fixed">
        <h1>CopoCheio</h1>   
        <a href="#left-panel" class="ui-btn ui-icon-bars ui-btn-icon-notext ui-corner-all" id="ws-menu">No text</a>
        <a href="#right-carrinho" class="ui-btn ui-icon-gear ui-btn-icon-notext ui-corner-all" id="ws-configuracoes" style="position:fixed;">No text</a>
      </div><!-- /header -->      

      <div role="main" class="ui-content">
        <code>Produtos</code>
        <section id="produtos"></section>                                  
      </div><!-- /content -->

      <div data-role="footer" data-theme="b">
        <h4>&copy;Todos os direitos reservados.</h4>
      </div><!-- /footer -->

      <!-- RIGHT PANEL -->
      <div data-role="panel" id="right-panel" data-position="right" 
  data-display="push" data-theme="b" style="position:fixed;">
        <div class="ui-content">                       
                    
        </div>
      </div><!-- panel --> 

      <div data-role="panel" id="right-carrinho" data-position="right" 
  data-display="push" data-theme="b">
        <div class="ui-content">                       
          <h4>Meu Carrinho</h4>
          <p id="carrinho_status">
            
          </p>          
        </div>
      </div><!-- panel --> 
      <!-- end -->

      <div data-role="panel" id="left-panel" data-position="left" 
  data-display="push" data-theme="b">
        <div class="ui-content">                       
          <h3>Configurações</h3>
        </div>
      </div><!-- panel -->             
    </div><!-- /page -->    

    <!-- RESPOSTAS -->
    <div data-role="popup" id="produto_adicionado">
      <p>Produto Adicionado!<p>
    </div>   

    <script src="js/lib/jquery-1.9.1.min.js"></script> 
    <script src="js/lib/vex.min.js"></script> 
    <script src="js/lib/vex.combined.min.js"></script> 
    <script src="js/lib/vex.dialog.min.js"></script> 
    <script type="text/javascript" src="js/lib/json2.js"></script>
    <script type="text/javascript" src="js/phonegap.js"></script>
    <script type="text/javascript" src="js/index.js"></script>    
    <script src="js/JSON.class.js"></script>
    <script src="js/Produto.class.js"></script>
    <script src="js/Cart.class.js"></script>        
    <script src="js/core.js"></script>
    <script src="js/view/index.js"></script>
    <script src="js/lib/jquery.mobile-1.4.2.min.js"></script>      
  </body>
</html>
